<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="../../script/jquery-1.7.2.js"></script>
    <script type="text/javascript">
        $(function () {
            // $(".head").click(function () {
            //     console.log("head click");
            // });
            // $(".head").mouseover(function () {
            //     console.log("head mouseover");
            // });
            // $(".head").mouseout(function () {
            //     console.log("head mouseout");
            // });
            // $(".head").bind("click mouseover mouseout", () => {
            //     console.log("bind1");
            // });
            $(".head").live("click mouseover mouseout", () => {
                console.log("bind1");
            });
            $(`<h5 class="head">什么是jQuery？</h5>`).appendTo($("#panel"));
            $("button").click(function () {
                $(".head").click();
            });
        });
    </script>
</head>
<body id="panel">
    <h5 class="head">什么是jQuery？</h5>
    <div class="content">什么是jQuery什么是jQuery什么是jQuery什么是jQuery什么是jQuery什么是jQuery什么是jQuery什么是jQuery什么是jQuery什么是jQuery什么是jQuery什么是jQuery</div>
    <button>按钮</button>
</body>
</html>